<script setup>
import {toRef,toRefs,reactive,ref} from 'vue'
let obj=reactive({"message":1234,name:"张重阳"})
const name1=ref("sb")
function add(){
    obj.name+="是傻逼";
}
function sub(){
    alert("sb");
    obj.name="张重阳";
}
let {message,name}=toRefs(obj)
function name2(a){
    name1.value=a
}
</script>
<template>
    <br>
    <p>我是obj我放着张重阳的私密信息</p><p>{{obj}}</p>
    <input type="button" value="点击我给你看好康的" @click="add">
    <input type="button" value="还原" @keyup.enter="sub" >
    <p>{{message}}</p><p>{{name}}</p>
    <p>{{name1}}</p>
    <input type="text" v-model="name"  @keyup.enter="name2(name)">
    <br>
<!-- 
    v-bind:单向绑定
    v-model :双向绑定
    v-on：事件绑定
    v-html v-text：内容渲染指令

 -->
</template>
<style scoped>
</style>